<template>
  <el-row :gutter="10">
    <el-col :xs="12" :sm="15" :md="20" :lg="24">
      <div class="grid-content bg-purple">
        <el-table :data="tableData5" class="card">
          <el-table-column type="expand">
            <template slot-scope="props">
              <el-form label-position="left" inline class="demo-table-expand">
                <el-form-item label="内容">
                  <span>{{ props.row.content }}</span>
                </el-form-item>
              </el-form>
            </template>
          </el-table-column>
          <el-table-column label="口诀" prop="state">
          </el-table-column>
        </el-table>
      </div>
    </el-col>
  </el-row>

</template>
<script>
  export default {
    data() {
      return {
        tableData5: [{
          state: '运营资质要调取，安全性能要检测。核定载客是几人，实际载客要数量。监控测速及时取，证人证言询问详。',
          content: ' 1.应调取“从事校车业务”或“旅客运输”的相关资质证明文件，并对车辆进行安全性能检测。 2.调取车辆信息查询单，查明涉案车辆核定的载客数量，并对案发时该车辆承载人数进行核实。同时调取乘坐涉案车辆的人员的证言，证实案发时车辆上承载的人数及行驶路线。 3.调取行驶路段的监控录像及车速检测情况，并及时调取目击者的证言。'

        }]
      }
    }
  }
</script>

<style>
  .card {
    width: 100%;
    height: 100%;
  }
</style>
